.news {
  width: 100%;
  height: 100%;
  //background-color: rgb(173, 214, 171);
  display: flex;
  flex-direction: column;
  .news-header {
    height: 0.5rem;
    background-color:#fff;
    color: #333;
    box-shadow: 0 1px 4px -4px #000;
    
    h2 {
      font-size: .18rem;
      text-align: center;
      line-height: 0.5rem;
    }
  }

  .news-content {
    flex: 1;
    ul {
      li {
        height: 0.8rem;
       
          height: 0.8rem;
          display: flex;
          .user-img {
            margin: 0.15rem 0;
            width: 0.8rem;
            text-align: center;
            
            
            img {
              width: 0.5rem;
              height: 0.5rem;
              border-radius:100% ;
              
            }
          }
  
          .message {
            position: relative;
            text-align: left;
            flex:1;
            padding: 0.15rem 0;
            box-shadow: 2px 1px 4px -4px #000;
            cursor: pointer;
            h3 {
              height: 0.24rem;
              line-height: 0.24rem;
              font-size: 0.16rem;
              
            }
            .news-time{
              position: absolute;
              top: 0.18rem;
              right: 0.12rem;
              font-size: 0.12rem;
              text-align: right;
            }
  
            p {
              line-height: 0.24rem;
              font-size: 0.12rem;
              color: #999999;
            }
          }
        
        
      }
    }
  }
}